<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script>
        $(function(){
        $("#btn").click(function(){
            $("#show1").toggle("3000",function(){
                console.log("自动切换");
            })
        });
        })

        setInterval("work();",2000);
        function work(){
            var date=new Date();
            var result=(date.getHours()+":"+date.getMinutes());
            if(result=='14:51'){
                $("#show1").toggle("3000",function(){
                    console.log("自动切换");
                })
            }
        }
    </script>
</head>
<body>
<div style="border: 1px solid red; float: left; width: 800px; height: auto">
<#if list?? && (list?size > 0) >
<table border="1" width="800" height="600" align="center">
    <tr><td>序号</td><td>video_id</td><td>视频名称</td><td>视频封面</td><td>视频地址</td><td>上传时间</td><td>文件类型</td><td>文件大小</td><td>操作</td></tr>
    <#list list as video>
        <tr><td>${video_index+1}</td><td>${video.videoId}</td><td>${video.videoTitle}</td><td><img src="${video.videoImgUrl}" width="200" height="100"></td><td>${video.videoMovieUrl}</td><td>${video.videoUploadTime}</td><td>${video.suffixName}</td><td>${video.videoSize}</td><td><a href="watch_video?videoId=${video.videoId}">观看</a></td></tr>
    </#list>
    <tr><td colspan="8">${space[0]}--------${space[1]}</td></tr>
</table>
<#else>
<h1>暂无数据</h1>
</#if>
</div>
<div style="position: fixed; width: 640px; height: 360px; right: 0; bottom: 5; border: 1px solid blue; display: none;" id="show1" >
<img src="${recommendVideo.videoImgUrl}">
</div>
<p><input type="button" value="显示效果" id="btn"></p>
</body>
</html>